<template>
	<div class="wdxq2" :style="{'min-height':Height-50+'px'}">
		<div class="wdxq_title flex align_center">
			<i class="el-icon-arrow-left" style="float: left;margin-left: 4%;font-size: 2.4rem;" @click="fh"></i>
			<span class="flex1">我的钱包</span>
			<i class="el-icon-arrow-left" style="float: right;margin-right: 4%;font-size: 2.4rem;opacity: 0;"></i>
		</div>
		<div class="wdxq_div12 clear2">
			<div class="wdxq_div12d" style="border-right: 1px solid #d1d1d1;">
				<p class="wdxq_div12p1">总收入</p>
				<p class="wdxq_div12p2">
					￥{{userMessagelist.total_income}}
				</p>
			</div>
			<div class="wdxq_div12d">
				<p class="wdxq_div12p1">余额</p>
				<p class="wdxq_div12p2">
					￥{{userMessagelist.balance}}
				</p>
			</div>
		</div>
		<div @click="$router.push({path: data.router})" class="wdxq_div3 clear2" v-for="(data,key) in div3list" :class="data.botter?'wdxq_div3bottom':''">
			<div class="wdxq_div3left flex align_center">
				<img :src="data.img">{{data.name}} 
			</div>
			<div class="wdxq_div3right">
				<i class="el-icon-arrow-right"></i>
			</div>
		</div>
		<div class="wdxq_div" style="border: 0;width: 94%;padding: 0.7rem 3% 1rem 3%;background: #e7e9ee;">
			<el-button round style='color: #fff;background: #ff4242;width: 100%;font-size: 1.5rem;' @click="$router.push({path: '/wode/yetx',query:{'price':'213'}})">提现</el-button>
		</div>
		
		

	</div>
</template>

<script>
	export default {
		data: function() {
			return {
				Height:0,
				tabI:0,
				div3list:[{
					'name':'收到打赏 ',
					'botter':false,
					'index':1,
					'img':'../../../../static/img/images/wdqb1.jpg',
					'router':'/wode/sdds'
					
				},{
					'name':'发出打赏',
					'botter':false,
					'index':1,
					'img':'../../../../static/img/images/wdqb2.jpg',
					'router':'/wode/fcds'
				},{
					'name':'提现明细 ',
					'botter':false,
					'index':1,
					'img':'../../../../static/img/images/wdqb3.jpg',
					'router':'/wode/txmx'
				}]

			}
		},
		mounted() {
			this.Height=document.body.offsetHeight;
			this.peopleList();
		},
		methods: {
			fh(){
        		window.history.go(-1);
        	},
        	peopleList() {
				let  loading=this.$loading({
		          lock: true,
		          text: 'Loading',
		          spinner: 'el-icon-loading',
		          background: 'rgba(255, 255, 255, 1)'
		        });
				this.$http.post(this.defines.getPersonal, {
						uid: window.uid
					}, {
						emulateJSON: true
					})
					.then(
						(data) => {
							this.list=data.data.data;
							loading.close();
						},
						(error) => {
							console.log(error);
						}
					);

			},
		}
	}
</script>
